<template>
    <div id="app" class="sys-app">
        <router-view></router-view>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
ul,li{ margin: 0; padding: 0; }
.sys-app{
  position: relative;
  width: 100%;
  height: 100%;
  background: #f0f3f4;
  .sys-meun{
    position: relative;
    background: #1c2b36;
    width: 200px;
    float: left;
    height: 100%;
    overflow: hidden;
    .el-menu{
      border: 0;
    }
    .sys-meun-main {
      border-bottom: 1px solid #3c5365;
    }
  }
  .sys-left{
    margin-left: 200px;
    overflow: auto;
    height: 100%;
    .sys-userinfo{
      background: #fff;
      height: 50px;
      line-height: 50px;
      text-align: right;
      padding-right: 20px;
      font-size: 14px;
    }
    .sys-content{
      padding: 0 20px;
      
      .sys-breadcrumb{
        line-height: 60px;
        height: 60px;
        font-weight: 300;
        font-size: 24px;
        color: #1c2b36;
      }
    }
  }
  .sys-breadcrumb-handle{
    margin-left: 20px;
  }
}
</style>
